﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Site.master" AutoEventWireup="true" CodeFile="Registration.aspx.cs" Inherits="Registration" %>

<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="asp" %>

<asp:Content ID="Content1" ContentPlaceHolderID="HeadContent" runat="Server">
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="Server">
    <asp:UpdatePanel ID="up1" runat="server">
        <ContentTemplate>
            <div class="box">
                <h2>Registration</h2>
                <asp:Panel runat="server" ID="panelNonMemberInfo" Style="display: block;" CssClass="form">
                    <div class="oneline">
                        <asp:TextBox ID="txtEmail" runat="server" SkinID="mediumTextBox" ></asp:TextBox>
                        <asp:TextBoxWatermarkExtender ID="TextBoxWatermarkExtender2" runat="server" Enabled="True" TargetControlID="txtEmail" WatermarkCssClass="watermarked" WatermarkText="Email">
                        </asp:TextBoxWatermarkExtender>
                        <asp:RequiredFieldValidator ID="RequiredFieldValidator2" runat="server" ControlToValidate="txtEmail" ErrorMessage="*"></asp:RequiredFieldValidator>
                        <asp:RegularExpressionValidator ID="RegularExpressionValidator1" runat="server" ControlToValidate="txtEmail" ErrorMessage="Email invalid" ForeColor="Red" ValidationExpression="\w+([-+.']\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*"></asp:RegularExpressionValidator>
                        <asp:Label ID="lblEmailError" runat="server" ForeColor="Red" Visible="false">Email invalid</asp:Label>
                    </div>

                    <div class="oneline">
                        <asp:TextBox ID="txtPassword" runat="server" SkinID="mediumTextBox" TextMode="Password"></asp:TextBox>
                        <asp:TextBoxWatermarkExtender ID="TextBoxWatermarkExtender5" runat="server" Enabled="True" TargetControlID="txtPassword" WatermarkCssClass="watermarked" WatermarkText="Password">
                        </asp:TextBoxWatermarkExtender>
                        <asp:RequiredFieldValidator ID="RequiredFieldValidator3" runat="server" ControlToValidate="txtPassword" ErrorMessage="*"></asp:RequiredFieldValidator>
                    </div>

                    <div class="oneline">
                        <asp:TextBox ID="txtRePassword" runat="server" SkinID="mediumTextBox" TextMode="Password"></asp:TextBox>
                        <asp:TextBoxWatermarkExtender ID="TextBoxWatermarkExtender7" runat="server" Enabled="True" TargetControlID="txtRePassword" WatermarkCssClass="watermarked" WatermarkText="Password">
                        </asp:TextBoxWatermarkExtender>
                        <asp:RequiredFieldValidator ID="RequiredFieldValidator5" runat="server" ControlToValidate="txtRePassword" ErrorMessage="*"></asp:RequiredFieldValidator>
                    </div>



                    <div class="oneline">
                        <asp:TextBox ID="txtName" runat="server" SkinID="mediumTextBox"></asp:TextBox>
                        <asp:TextBoxWatermarkExtender ID="txtName_TextBoxWatermarkExtender" runat="server" Enabled="True" TargetControlID="txtName" WatermarkCssClass="watermarked" WatermarkText="Name">
                        </asp:TextBoxWatermarkExtender>
                        <%--<label>Name</label>--%>
                        <asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server" ControlToValidate="txtName" ErrorMessage="*"></asp:RequiredFieldValidator>
                    </div>


                    <div class="oneline">
                        <asp:TextBox ID="txtNRIC" runat="server" SkinID="mediumTextBox"></asp:TextBox>
                        <asp:TextBoxWatermarkExtender ID="TextBoxWatermarkExtender3" runat="server" Enabled="True" TargetControlID="txtNRIC" WatermarkCssClass="watermarked" WatermarkText="NRIC">
                        </asp:TextBoxWatermarkExtender>
                        <%--<label>NRIC</label>--%>
                    </div>

                    <div class="oneline">
                        <asp:TextBox ID="txtContact" runat="server" SkinID="mediumTextBox"></asp:TextBox>
                        <asp:TextBoxWatermarkExtender ID="TextBoxWatermarkExtender4" runat="server" Enabled="True" TargetControlID="txtContact" WatermarkCssClass="watermarked" WatermarkText="Contact Number">
                        </asp:TextBoxWatermarkExtender>
                        <%--<label>Contact</label>--%>
                    </div>

                    <div class="oneline">
                        <asp:TextBox ID="txtBlock" runat="server" SkinID="mediumTextBox"></asp:TextBox>
                        <asp:TextBoxWatermarkExtender ID="TextBoxWatermarkExtender1" runat="server" TargetControlID="txtBlock" WatermarkText="Unit &amp; Block" WatermarkCssClass="watermarked"></asp:TextBoxWatermarkExtender>
                        <asp:TextBox ID="txtStreet" runat="server" SkinID="mediumTextBox"></asp:TextBox>
                        <asp:TextBoxWatermarkExtender ID="TextStreet_TextBoxWatermarkExtender" runat="server" Enabled="True" TargetControlID="txtStreet" WatermarkCssClass="watermarked" WatermarkText="Street">
                        </asp:TextBoxWatermarkExtender>
                        <asp:TextBox ID="txtCity" runat="server" SkinID="mediumTextBox"></asp:TextBox>
                        <asp:TextBoxWatermarkExtender ID="TextCity_TextBoxWatermarkExtender" runat="server" Enabled="True" TargetControlID="txtCity" WatermarkCssClass="watermarked" WatermarkText="City">
                        </asp:TextBoxWatermarkExtender>
                        <asp:TextBox ID="txtProvince" runat="server" SkinID="mediumTextBox"></asp:TextBox>
                        <asp:TextBoxWatermarkExtender ID="TextProvince_TextBoxWatermarkExtender" runat="server" Enabled="True" TargetControlID="txtProvince" WatermarkCssClass="watermarked" WatermarkText="Province">
                        </asp:TextBoxWatermarkExtender>
                        <asp:DropDownList ID="ddlCountry" runat="server" Style="width: 100px;"></asp:DropDownList>
                        <%--<label>Address</label>--%>
                    </div>
                </asp:Panel>
                <div>
                    <asp:Label ID="lblPasswordError" ForeColor="Red" runat="server" Text="Two password does not match." Visible="false"></asp:Label>
                    <asp:Label runat="server" ID="lblEmailExist" ForeColor="Red" Visible="false">Email has been exist. please change an email</asp:Label>
                </div>
                <asp:Button ID="btnRegistration" runat="server" Text="Submit" OnClick="btnRegistration_Click" />
            </div>
        </ContentTemplate>
    </asp:UpdatePanel>
</asp:Content>

